<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css word-break 换行规则</title>
</head>
<body>

    <p>据了解，截至目前，美团外卖手机免排队点餐功能已覆盖北京、上海、广州、深圳、杭州等全国多座城市，接入了包括必胜客、德克士、吉野家、金百万烤鸭店、李先生加州牛肉面、眉州东坡酒楼、味千拉面、金百万、望湘园、棒约翰、汉拿山韩式烤肉、和合谷、宏状元餐厅、鹿港小镇、西贝莜面村等60万知名商家。</p>
    <hr>

    <h1>word-break: normal</h1>
    <p style="word-break: normal">据了解，截至目前，美团外卖手机免排队点餐功能已覆盖北京、上海、广州、深圳、杭州等全国多座城市，接入了包括必胜客、德克士、吉野家、金百万烤鸭店、李先生加州牛肉面、眉州东坡酒楼、味千拉面、金百万、望湘园、棒约翰、汉拿山韩式烤肉、和合谷、宏状元餐厅、鹿港小镇、西贝莜面村等60万知名商家。</p>

    <!-- 允许在单词内换行。-->
    <h1>word-break: break-word</h1>
    <p style="word-break: break-word">据了解，截至目前，美团外卖手机免排队点餐功能已覆盖北京、上海、广州、深圳、杭州等全国多座城市，接入了包括必胜客、德克士、吉野家、金百万烤鸭店、李先生加州牛肉面、眉州东坡酒楼、味千拉面、金百万、望湘园、棒约翰、汉拿山韩式烤肉、和合谷、宏状元餐厅、鹿港小镇、西贝莜面村等60万知名商家。</p>

    <!-- 只能在半角空格或连字符处换行。-->
    <h1>word-break: keep-all</h1>
    <p style="word-break: keep-all">据了解，截至目前，美团外卖手机免排队点餐功能已覆盖北京、上海、广州、深圳、杭州等全国多座城市，接入了包括必胜客、德克士、吉野家、金百万烤鸭店、李先生加州牛肉面、眉州东坡酒楼、味千拉面、金百万、望湘园、棒约翰、汉拿山韩式烤肉、和合谷、宏状元餐厅、鹿港小镇、西贝莜面村等60万知名商家。</p>

</body>
</html>